<template>
  <div class="instruction">
    <div class="content">
      <span class="icon">
        !
      </span>
      <span class="text">
        <slot></slot>
      </span>
    </div>
  </div>
</template>

<script>
export default {
 
}
</script>

<style lang="stylus" scoped>
  .instruction
    width 100%
    box-sizing border-box 
    padding 0 20px
    .content
      height 36px
      display flex
      align-items center
      .icon
        display inline-block
        width 16px
        height 16px
        line-height 16px
        text-align center
        background rgba(224,40,40,1)
        border-radius 50%
        color #fff
      .text 
        margin-left 11px
    
   
</style>